
<!DOCTYPE html>
<!--[if IE 8]> <html class="ie8"> <![endif]-->
<!--[if IE 9]> <html class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html> <!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>登录 | 零玖一 后台管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta name="MobileOptimized" content="320">
    <link href="/admin/static/h-ui.admin/css/console_login.css" media="all" rel="stylesheet" type="text/css" />
    <meta content="authenticity_token" name="csrf-param" />
    <meta content="8k1GIyopXshOJn1CgP1Lwi7/u8urevrjdLRnUvHnN+s=" name="csrf-token" />
</head>
<body class="login">
<div class="logo">
    <img alt="Console_logo" src="/admin/static/h-ui.admin/images/console_logo-6181b18cd5522b8b2690b13f10f5ec8f.png" />
</div>
<div class="content">
    <form accept-charset="UTF-8" action="/admin/public/checkLogin" class="login-form" method="post">
        <h3 class="form-title text-center">管理员登录</h3>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9" for="username">用户名</label>
            <div class="input-icon">
                <i class="fa fa-user"></i>
                <input autocomplete="off" class="form-control placeholder-no-fix" id="username" name="username" placeholder="用户名" size="40" type="text" />
            </div>
        </div>

        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9" for="password">密码</label>
            <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input autocomplete="off" class="form-control placeholder-no-fix" id="password" name="password" placeholder="密码" size="40" type="password" />
            </div>
        </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9" for="password">验证码</label>
            <div class="input-icon">
                <i style="margin: 1px;"><img src="{{captcha_src()}}" style="height: 32px;cursor: pointer;" id="kanbuq"></i>
                <input autocomplete="off" class="form-control placeholder-no-fix"  name="captcha" placeholder="验证码" size="40" type="text"  onblur="if(this.value==''){this.value='验证码:'}" onclick="if(this.value=='验证码:'){this.value='';}"  style="padding-left: 120px !important;"/>

            </div>

        </div>
        {{csrf_field()}}
        <div class="form-actions">
            <label class="checkbox">
            <input type="checkbox" name="remember" value="1"/> Remember me </label>
            <button type="submit" class="btn green pull-right">
                登录 <i class="m-icon-swapright m-icon-white"></i>
            </button>
        </div>
    </form>
    <style>
        .login .content .form-actions {
            border: 0;
            border-top: 1px solid #EEE;
            padding: 10px 30px 0px 30px;
        }
        .login .content h3.form-title {
            margin-top: 0;
        }
    </style></div>
<div class="copyright">2014-2018 &copy; 零玖一</div>
<script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript">
    //定义jQuery的页面载入事件
    $(function(){
        //获取验证码的图片地址
        var captcha_src = $('#kanbuq').attr('src');
        //给切换赋予点击事件
        $('#kanbuq').click(function(){
            //为了避免缓存，建议加随机数
            $('#kanbuq').attr('src',captcha_src + '&_=' + Math.random());
        });

        //以alert形式弹窗错误信息
        @if(count($errors) > 0)
            //建议弹1个alert，显示全部信息
        var error = '';
        //获取每一个错误信息
        @foreach($errors -> all() as $error)
            error += "{{$error}}\n";
        @endforeach
        //输出
        alert(error);
        @endif
    });
</script>
</body>
</html>